import React, {Component} from "react";
import {
	StackNavigator,
	TabNavigator,
} from "react-navigation";
import {
	View,
	Text,
	Image,
	Button,
} from "react-native";

class ShoppingIndexPage1 extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		return (
			<Text>Page1</Text>
		);
	}
}

class ShoppingIndexPage2 extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		return (
			<Text>Page2</Text>
		);
	}
}

class ShoppingIndexPage3 extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		return (
			<Text>Page3</Text>
		);
	}
}

const ShoppingTabContainer = TabNavigator({
	Home: {
		screen: ShoppingIndexPage1,
	},
	Page2: {
		screen: ShoppingIndexPage2,
	},
	Page3: {
		screen: ShoppingIndexPage3,
	},
})

export default ShoppingTabContainer;
